<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div id="app">
    <!--使用局部组件-->
    <login></login>
  </div>
<!--  定义组件-->
  <template id="loginTemplate">
      <h1>用户登录</h1>
  </template>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    const app=new Vue({
        el:"#app",
        data:{
        },
        methods:{
        },
        //在components中注册局部组件
        components: {
            //组件名:组件对象(css选择器)
            login: {
                template:"#loginTemplate"
            }
        }
    })
</script>
</body>
</html>